Together with  WorkOS
🚀 Frontend Focus

#​732 — March 11, 2026 | Read on the web

Using CSS Animations as State Machines — Patrick, of Microsoft’s Edge team, was inspired by the new focusgroup feature to come up with a way to style an element depending on whether it had ever been focused before using only CSS. And he had a brainwave…

Patrick Brosset

Request for Developer Feedback: focusgroup — This proposed HTML attribute aims to provide a declarative way to add keyboard arrow-key navigation to composite widgets (such as toolbars, tablists, menus, etc) replacing “hundreds of lines of boilerplate”.

Jacques Newman (Chrome Developers)

Agents Need Authorization, Not Just Authentication — Most agents inherit a user's full access token, turning a helpful assistant into a confused deputy that can leak production secrets. Learn why this happens and how WorkOS FGA scopes the blast radius with resource-level permissions.

WorkOS sponsor

Eleventy is now Build Awesome — Popular static-site generator Eleventy (a.k.a. 11ty) is now Build Awesome, bringing it in line with the same naming convention of both Font Awesome and Web Awesome. A Kickstarter for the Pro version of the project (which adds a visual editor) launched alongside this rebrand, but has since been paused.

Zach Leatherman

🤨 The name change was met with some concern, with several developers sharing their thoughts on the rebrand, general direction, and upcoming Pro offering.

Building a New Flash — Newgrounds was essentially the de facto home of Flash-based content on the web 20 years ago. Steve Jobs’ thoughts on the tech almost ended the medium, but now a Newgrounds veteran is looking to reimagine Flash for the modern day: “I’m making Flash if Flash was built in 2026”.

Bill Premo

⚡️ IN BRIEF

📙 Articles, Opinions & Tutorials

The Value of z-index — Amit points out that, with far too many projects, z-index values often become a mess of random, arbitrary high numbers just as a means to avoid UI elements being hidden. He highlights the issues with such an approach, and a solution: tokenization of z-index values.

Amit Sheen

⚓️ The Big Gotcha of Anchor Positioning — There’s a video here where Chris quickly demonstrates the “weird new problem that CSS has given us”. One that’s worth being aware of, I reckon, as it could cause headaches.

Chris Coyier

The Best UI Can't Fix a Slow Query — TimescaleDB extends Postgres so your frontend queries live data. No pipeline lag, no stale dashboards. Start for free.

Tiger Data (creators of TimescaleDB) sponsor

How Fast is Fast Enough? Rethinking Web Performance in Pragmagical Terms — What does it take to get ‘fast enough’ web performance and what does that mean? Tammy moves beyond simple metrics to embrace a more practical, user-centric approach.

SpeedCurve

Building Async Page Transitions in Vanilla JavaScript — A look at how to approach building a lightweight SPA router with true async crossfade page transitions using Vanilla JavaScript, GSAP, and Vite.

Valentin Mor

The Enforced Accessibility of the Geolocation Element — “I’m not sure if we’ve had an element in HTML that behaves quite like this before.

Chris Coyier

One CSS Property That Makes Numbers Look Instantly Better — A quick tip for using tabular (as opposed to proportional) spacing via tabular-nums. Particularly nice when used on numerical data.

Amit Merchant

Native Random Values in CSS — Browser support is limited so far, but this is a good review of the future potential of random() and random-item().

Alvaro Montoro

Making a Flappy Bird Clone with Only HTML and CSS — No JavaScript in sight.
Gurveer Arora

Using requestAnimationFrame to Improve Animation Performance
Jakub Andrzejewski

▶  Breaking and Securing OAuth 2.0 in Frontends
Philippe De Ryck

How I Added Bluesky Likes to My Astro Blog
Luciano Mammino

🧰 Tools, Code & Resources

Reveal.js 6.0: The HTML Presentation Framework — A long-standing way to bring elegant presentations to anyone with a browser. v6.0 has some breaking changes, switches to Vite, and introduces an official React wrapper, but you can still write presentations just using HTML as always.

Hakim El Hattab

With Expo SDK 55, React Native Has Never Felt More Native — Expo SDK 55 makes React Native feel like building for the web, with none of the old React Native compromises.

Expo sponsor

Inspira UI: Open Source Components to Build Animated Interfaces with Vue & Nuxt — Lots of neat examples to try out in the growing list of components, all of which can be customized with styling done via Tailwind.

Rahul Vashishtha

Photo Palettes: A Tool to Generate Color Palettes from Photos — Upload a photo and the tool will generate a palette, which you can customize live directly on the pixels of the photo. Includes predefined palettes and also available as a mobile app and Figma plugin.

Photo Palettes

All SVG Icons: Browse and Download 250,000+ Free SVG Icons From 200+ Curated Icon Libraries — This might be one of the largest single-source icon directories, and it’s nicely designed and easy to use — there's a lot here. You can customize and preview any icon, download in different formats, and copy the code for SVG, React, Vue, Svelte, etc.

Amit Yadav

📊 A Suite of JavaScript Minification Benchmarks — A frequently updated benchmark suite and results comparing the speed and quality of JavaScript minification across tools including esbuild, Bun, SWC, and Uglify.

Hiroki Osame

HeyForm: Open-Source Form Builder for Surveys, Questionnaires, and Polls
HeyForm

EXIF Metadata Viewer: A Chrome Extension to View Hidden Image Data
ternera

Ipx.